<template>
	<div>
		
		<h2 class="uo">恭喜支付成功</h2>
		<div class="top">
			商品信息
		</div>
		<van-card
		  num="2"
		  price="2.00"
		  desc="描述信息"
		  title="商品标题"
		  thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
		/>
		<van-card
		  num="2"
		  price="2.00"
		  desc="描述信息"
		  title="商品标题"
		  thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
		/>
		<div class="di">
			<van-button  to="/longin"   color="#F688A4" plain>放回首页</van-button>
			<van-button   color="#F688A4">查看订单</van-button>
		</div>
	</div>
	
</template>

<script>
	import { Card,Button  } from 'vant';
	export default {
		components:{
				    [Card.name]:Card,
					  [Button.name]:Button,
		},
	}
</script>

<style lang="less">
	.uo{
		color: #FF0000;
		text-align: center;
		font-weight: 500;
	}
	.top{
		width: 100vw;
		height: 30px;
		line-height: 30px;
		padding-left: 20px;
		box-sizing: border-box;
	
	}
	.di{
		position: fixed;
		    bottom: 0;
		    left: 0;
		    z-index: 100;
		    width: 100%;
			display: flex;
			justify-content: space-evenly;
		    padding: 10px 0;
		    background-color: #fff;
	}
</style>
